// 主题色
$--color-primary: #165DFF;
$--color-success: #00B42A;
$--color-warning: #FF7D00;
$--color-danger: #F53F3F;
$--color-info: #86909C;

// 文字颜色
$--color-text-primary: #1D2129;
$--color-text-regular: #4E5969;
$--color-text-secondary: #86909C;
$--color-text-placeholder: #C9CDD4;

// 边框颜色
$--border-color-base: #E5E6EB;
$--border-color-light: #F2F3F5;

// 背景颜色
$--background-color-base: #F2F3F5;
$--background-color-light: #F7F8FA;

// 阴影
$--box-shadow-base: 0 4px 10px rgba(0, 0, 0, 0.1);
$--box-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.05);

// 圆角
$--border-radius-base: 6px;
$--border-radius-small: 4px;
$--border-radius-large: 8px;

// 字体大小
$--font-size-extra-large: 20px;
$--font-size-large: 16px;
$--font-size-medium: 14px;
$--font-size-base: 14px;
$--font-size-small: 13px;
$--font-size-extra-small: 12px;

// 间距
$--spacing-base: 16px;
$--spacing-small: 8px;
$--spacing-large: 24px;
$--spacing-extra-large: 32px;

// 过渡
$--transition-duration: 0.3s;
$--transition-timing-function: ease;

// 布局相关
$base-navbar-height: 60px;
$base-sidebar-width: 220px;
$base-sidebar-collapse-width: 64px; 